<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>学生就业统计</title>
    <link rel="stylesheet" href="css/carousel.css">
</head>

<body>
    <div class="container">
        <!-- <h2>学生就业统计</h2> -->
        <div class="carousel">

            <ul class="imgs">
                    
                <li class="main">
                    <h3></h3>
                    <div id="main1" style="height:100%"></div>
                </li>
                <li class="main">
                    <h3></h3>
                    <div id="main2" style="height:100%"></div>
                </li>
                <li class="main" style="display: flex;">
                    <h3></h3>
                    <div id="main5" style="height:100%;width: 50%;flex:1;"></div>
                    <h3></h3>
                    <div id="main3" style="height:100%;width: 50%;flex:1;"></div>
                    
                </li>
                <li class="main">
                        <h3></h3>
                    <div id="main4" style="height:100%"></div>
                </li>
            </ul>
            <!-- 控制器 -->
            <div class="prev">
                <img src="img/l2.png" alt="">
            </div>
            <div class="next">
                <img src="img/r2.png" alt="">
            </div>
            <!-- 分页器 -->
            <div class="count">
                <ul>
                    <li class="active">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                </ul>
            </div>
        </div>
    </div>
</body>
<script src="lib/jquery-3.3.1.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.3.2/echarts.min.js"></script>
<script src="lib/ecStat.min.js"></script>
<script src="lib/echarts-gl.min.js"></script>
<script src="js/myEcharts1.js"></script>
<script src="js/myEcharts2.js"></script>
<script src="js/myEcharts3.js"></script>
<script src="js/myEcharts4.js" type="module"></script>
<script src="js/myEcharts5.js"></script>
<script src="js/carousel.js"></script>
</html>